<template>
  <div class="info_wrap">
    <p class="title_line">
      <span>填报信息</span>
    </p>
    <ul class="info_ul">
      <li class="asterisk">
        <label>民族:</label>
        <select class="long">
          <option value="-1">汉</option>
        </select>
      </li>
      <li class="asterisk">
        <label>户口所在地:</label>
        <select class="min">
          <option value="-1">请选择</option>
        </select>
        <select class="min">
          <option value="-1">请选择</option>
        </select>
        <select class="min">
          <option value="-1">请选择</option>
        </select>
      </li>
      <li>
        <label></label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label>是否二手房:</label>
        <input type="radio" name="second-house" class="my-radio" /><em>是</em>
        <input type="radio" name="second-house" class="my-radio" /><em>否</em>
      </li>
      <li class="asterisk">
        <label> 房屋证件类型: </label>
        <select class="long">
          <option value="-1">房屋产权证</option>
        </select>
      </li>
      <li class="asterisk">
        <label>房产证件编号:</label>
        <input
          type="text"
          placeholder="请输入房产证件唯一编号信息"
          class="long"
        />
      </li>
      <li class="asterisk">
        <label>房产所有人姓名:</label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label>房产所有人身份证件类型:</label>
        <select class="long">
          <option value="-1">居民身份证</option>
        </select>
      </li>
      <li class="asterisk">
        <label>房产所有人身份证件号码:</label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label>房产地址:</label>
        湖南省长沙市
        <select class="middle">
          <option value="-1">请选择所属楼盘</option>
        </select>
      </li>
      <li>
        <label></label>
        <input type="text" placeholder="楼苑/园/期" class="min" />
        <em>楼苑/园/期</em>
        <input type="text" placeholder="请输入栋楼号" class="min" />
        <em>栋</em>
        <input type="text" placeholder="请输入单元号" class="min" />
        <em>单元</em>
        <input type="text" placeholder="请输入房号" class="min" />
        <em>房号</em>
      </li>
      <li class="asterisk">
        <label>房产所有人与学生的关系:</label>
        <select class="long">
          <option value="-1">父亲</option>
        </select>
      </li>
      <li class="asterisk">
        <label>联系电话:</label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label>监护人一的姓名:</label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label> 监护人一与学生的关系: </label>
        <select class="long">
          <option value="-1">父亲</option>
        </select>
      </li>
      <li class="asterisk">
        <label>监护人一身份证件类型:</label>
        <select class="long">
          <option value="-1">居民身份证</option>
        </select>
      </li>
      <li class="asterisk">
        <label>监护人一身份证件号码:</label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label>监护人一联系电话:</label>
        <input type="text" class="long" />
      </li>
      <li class="asterisk">
        <label>监护人一工作单位:</label>
        <input type="text" class="long" />
      </li>

      <li>
        <label>监护人二的姓名:</label>
        <input type="text" class="long" />
      </li>
      <li>
        <label> 监护人二与学生的关系: </label>
        <select class="long">
          <option value="-1">母亲</option>
        </select>
      </li>
      <li>
        <label>监护人二身份证件类型:</label>
        <select class="long">
          <option value="-1">居民身份证</option>
        </select>
      </li>
      <li>
        <label>监护人二身份证件号码:</label>
        <input type="text" class="long" />
      </li>
      <li>
        <label>监护人二联系电话:</label>
        <input type="text" class="long" />
      </li>
      <li>
        <label>监护人二工作单位:</label>
        <input type="text" class="long" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "FillInfo",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
.main_content {
  width: 1000px !important;
  margin-top: 80px !important;
  margin-bottom: 60px;
}

.file-upload {
  display: inline-block;
  width: 50px;
}

.file-upload /deep/ .el-upload--picture-card,
.file-upload /deep/ .el-upload-list--picture-card .el-upload-list__item {
  line-height: 100px;
  font-size: 12px;
  height: 100px;
  width: 100px;
  position: relative;
  background: #f8f8f8;
  border: 1px solid #d2d2d2;
  border-radius: 0;
}

.asterisk::after {
  content: "*";
  color: red;
  padding-left: 10px;
  font-size: 15px;
}

em {
  width: 30px;
  padding-left: 5px;
  padding-right: 10px;
}
.min {
  width: 90px;
  height: 30px;
  margin-right: 13px;
}
.middle {
  width: 200px;
  height: 30px;
}

.my-center {
  height: 100px;
  line-height: 100px;
}
</style>